<template>
  <div>
    <Head1></Head1>
    <div class="main">
      <LeftMenu></LeftMenu>
      <div class="content-wrapper">
        <!-- <router-view v-loading="showLoading"></router-view> -->
        <keep-alive>
          <router-view v-if="$route.meta.keepAlive" v-loading="showLoading"></router-view>
        </keep-alive>
        <router-view v-if="!$route.meta.keepAlive" v-loading="showLoading"></router-view>
      </div>
    </div>
  </div>

</template>
<script>
import http from "../assets/js/http";
import Head1 from "./common/head.vue";
import LeftMenu from "./common/leftmenu.vue";
export default {
  created() {},
  components: {
    Head1,
    LeftMenu
  },
  mixins: [http]
};
</script>
<style>
.main {
  display: flex;
  justify-content: space-between;
  height: calc(100% - 80px);
  padding-top: 80px;
  overflow: hidden;
}
.content-wrapper {
  width: 100%;
  min-height: calc(100% - 40px);
  padding: 20px;
  background: #f2faff;
  overflow: auto;
  box-sizing: border-box;
}
</style>
